﻿<!DOCTYPE html>
<html>
  <head>
    <title>VR看车</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/vr看车/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/vr看车/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u5024" class="ax_default box_1">
        <div id="u5024_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5025" class="ax_default box_1">
        <div id="u5025_div" class=""></div>
        <div id="u5025_text" class="text ">
          <p><span>车型详情</span></p>
        </div>
      </div>

      <!-- Unnamed (Placeholder) -->
      <div id="u5026" class="ax_default placeholder">
        <img id="u5026_img" class="img " src="images/vr看车/u5026.png"/>
        <div id="u5026_text" class="text ">
          <p><span>返回</span></p>
        </div>
      </div>

      <!-- Unnamed (Placeholder) -->
      <div id="u5027" class="ax_default placeholder">
        <img id="u5027_img" class="img " src="images/vr看车/u5027.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5028" class="ax_default label">
        <div id="u5028_div" class=""></div>
        <div id="u5028_text" class="text ">
          <p><span>可上传背景</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5029" class="ax_default sticky_3">
        <div id="u5029_div" class=""></div>
        <div id="u5029_text" class="text ">
          <p><span>展馆背景，可以左右拖动拖动</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u5030" class="ax_default image">
        <img id="u5030_img" class="img " src="images/vr看车/u5030.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5031" class="ax_default box_1">
        <div id="u5031_div" class=""></div>
        <div id="u5031_text" class="text ">
          <p><span>商城首页</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u5032" class="ax_default ellipse">
        <img id="u5032_img" class="img " src="images/vr看车/u5032.png"/>
        <div id="u5032_text" class="text ">
          <p><span>车型介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u5033" class="ax_default ellipse">
        <img id="u5033_img" class="img " src="images/vr看车/u5032.png"/>
        <div id="u5033_text" class="text ">
          <p><span>震撼视频</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5034" class="ax_default box_1">
        <div id="u5034_div" class=""></div>
        <div id="u5034_text" class="text ">
          <p><span>城市定位</span></p>
        </div>
      </div>

      <!-- Unnamed (Droplist) -->
      <div id="u5035" class="ax_default droplist">
        <select id="u5035_input">
          <option value="雅阁">雅阁</option>
          <option value="飞度">飞度</option>
          <option value="冠道">冠道</option>
        </select>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u5036" class="ax_default ellipse">
        <img id="u5036_img" class="img " src="images/vr看车/u5032.png"/>
        <div id="u5036_text" class="text ">
          <p><span>全景内饰</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5037" class="ax_default sticky_3">
        <div id="u5037_div" class=""></div>
        <div id="u5037_text" class="text ">
          <p><span>促销活动板块，点击显示，留言板隐藏。</span></p><p><span><br></span></p><p><span>活动显示，跟城市关联有关</span></p><p><span><br></span></p><p><span>如果有多个活动，左右滑动。</span></p><p><span>排序以活动权重为准，从左到右。</span></p><p><span><br></span></p><p><span>立即下订，直接选择默认进行下订；</span></p><p><span>点击活动图片，进行活动详情页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5038" class="ax_default sticky_3">
        <div id="u5038_div" class=""></div>
        <div id="u5038_text" class="text ">
          <p><span>这一行，保持居中，不管有多少个按钮。</span></p><p><span>留言，车型介绍，震撼视频，做成弹框形式进行。</span></p><p><span>点赞做动态效果（点赞后，标红，代表每次打开只能点赞一次。点赞后不能取消点赞。这样对服务器请求压力较少），全景内饰，需要全屏显示。</span></p><p><span>抽奖，使用九宫格方式，弹框形式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5039" class="ax_default box_1">
        <div id="u5039_div" class=""></div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u5040" class="ax_default image">
        <img id="u5040_img" class="img " src="images/020_____-demo/u780.png"/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5041" class="ax_default" data-left="861" data-top="887" data-width="330" data-height="413">

        <!-- Unnamed (Rectangle) -->
        <div id="u5042" class="ax_default box_1">
          <div id="u5042_div" class=""></div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u5043" class="ax_default image">
          <img id="u5043_img" class="img " src="images/vr看车/u5043.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5044" class="ax_default heading_3">
          <div id="u5044_div" class=""></div>
          <div id="u5044_text" class="text ">
            <p><span>活动规则</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5045" class="ax_default heading_3">
          <div id="u5045_div" class=""></div>
          <div id="u5045_text" class="text ">
            <p><span>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5046" class="ax_default sticky_3">
        <div id="u5046_div" class=""></div>
        <div id="u5046_text" class="text ">
          <p><span>进入前，需要是登录状态。</span></p><p><span>考虑到显示问题，只保留九宫格抽奖和活动规则</span></p><p><span><br></span></p><p><span>如果用户没有达到条件，出现提示语。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5047" class="ax_default box_1">
        <div id="u5047_div" class=""></div>
        <div id="u5047_text" class="text ">
          <p><span>VR看车</span></p>
        </div>
      </div>

      <!-- Unnamed (Placeholder) -->
      <div id="u5048" class="ax_default placeholder">
        <img id="u5048_img" class="img " src="images/vr看车/u5026.png"/>
        <div id="u5048_text" class="text ">
          <p><span>返回</span></p>
        </div>
      </div>

      <!-- Unnamed (Placeholder) -->
      <div id="u5049" class="ax_default placeholder">
        <img id="u5049_img" class="img " src="images/vr看车/u5027.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u5050" class="ax_default image">
        <img id="u5050_img" class="img " src="images/vr看车/u5050.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5051" class="ax_default box_1">
        <div id="u5051_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5052" class="ax_default box_1">
        <div id="u5052_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5053" class="ax_default sticky_3">
        <div id="u5053_div" class=""></div>
        <div id="u5053_text" class="text ">
          <p><span>上方为自定义链接，内容文字也是自定义。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5054" class="ax_default sticky_3">
        <div id="u5054_div" class=""></div>
        <div id="u5054_text" class="text ">
          <p><span>车型图片静态</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5055" class="ax_default sticky_3">
        <div id="u5055_div" class=""></div>
        <div id="u5055_text" class="text ">
          <p><span>背景图片可以替换</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5056" class="ax_default sticky_3">
        <div id="u5056_div" class=""></div>
        <div id="u5056_text" class="text ">
          <p><span>车型兼容多颜色，360和静态图片两种方式显示</span></p>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u5057" class="ax_default arrow">
        <img id="u5057_img" class="img " src="images/vr看车/u5057.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5058" class="ax_default box_1">
        <div id="u5058_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5059" class="ax_default box_1">
        <div id="u5059_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5060" class="ax_default" data-left="142" data-top="313" data-width="147" data-height="76">

        <!-- Unnamed (Rectangle) -->
        <div id="u5061" class="ax_default box_1">
          <div id="u5061_div" class=""></div>
          <div id="u5061_text" class="text ">
            <p><span>皓影，本色锐雅SUV，震撼上市</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5062" class="ax_default primary_button">
          <div id="u5062_div" class=""></div>
          <div id="u5062_text" class="text ">
            <p><span>了解更多</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u5063" class="ax_default image">
        <img id="u5063_img" class="img " src="images/vr看车/u5063.png"/>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u5064" class="ax_default" data-left="344" data-top="315" data-width="121" data-height="48">

        <!-- Unnamed (Rectangle) -->
        <div id="u5065" class="ax_default box_1">
          <div id="u5065_div" class=""></div>
          <div id="u5065_text" class="text ">
            <p><span>新一代凌派，见所未见</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u5066" class="ax_default primary_button">
          <div id="u5066_div" class=""></div>
          <div id="u5066_text" class="text ">
            <p><span>了解更多</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u5067" class="ax_default image">
        <img id="u5067_img" class="img " src="images/vr看车/u5067.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5068" class="ax_default box_1">
        <div id="u5068_div" class=""></div>
        <div id="u5068_text" class="text ">
          <p><span>抱歉，车型已经下架，5秒后自动跳转商城首页。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5069" class="ax_default sticky_3">
        <div id="u5069_div" class=""></div>
        <div id="u5069_text" class="text ">
          <p><span>针对已经下架或删除了的车型链接</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5070" class="ax_default sticky_3">
        <div id="u5070_div" class=""></div>
        <div id="u5070_text" class="text ">
          <p><span>VR初始化增加加载图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Placeholder) -->
      <div id="u5071" class="ax_default placeholder">
        <img id="u5071_img" class="img " src="images/vr看车/u5071.png"/>
        <div id="u5071_text" class="text ">
          <p><span>等待加载logo</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u5072" class="ax_default ellipse">
        <img id="u5072_img" class="img " src="images/vr看车/u5032.png"/>
        <div id="u5072_text" class="text ">
          <p><span>点赞</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u5073" class="ax_default ellipse">
        <img id="u5073_img" class="img " src="images/vr看车/u5032.png"/>
        <div id="u5073_text" class="text ">
          <p><span>留言</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5074" class="ax_default box_1">
        <div id="u5074_div" class=""></div>
        <div id="u5074_text" class="text ">
          <p><span>留言板</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) -->
      <div id="u5075" class="ax_default ellipse">
        <img id="u5075_img" class="img " src="images/vr看车/u5032.png"/>
        <div id="u5075_text" class="text ">
          <p><span>抽奖</span></p>
        </div>
      </div>

      <!-- Unnamed (Ellipse) [footnote] -->
      <div id="u5075_ann" class="annotation"></div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5076" class="ax_default box_1">
        <div id="u5076_div" class=""></div>
        <div id="u5076_text" class="text ">
          <p><span>促销活动</span></p>
        </div>
      </div>

      <!-- 留言板面板 (Dynamic Panel) -->
      <div id="u5077" class="ax_default ax_default_hidden" data-label="留言板面板" style="display:none; visibility: hidden">
        <div id="u5077_state0" class="panel_state" data-label="State1" style="">
          <div id="u5077_state0_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u5078" class="ax_default" data-left="0" data-top="0" data-width="339" data-height="170">

              <!-- Unnamed (Rectangle) -->
              <div id="u5079" class="ax_default box_1">
                <div id="u5079_div" class=""></div>
                <div id="u5079_text" class="text ">
                  <p><span>XXXX:XXXXXXX</span></p><p><span>XXXX:XXXXXXX</span></p><p><span>XXXX:XXXXXXX</span></p><p><span>XXXX:XXXXXXX</span></p><p><span>XXXX:XXXXXXX</span></p><p><span>XXXX:XXXXXXX</span></p><p><span>XXXX:XXXXXXX</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u5080" class="ax_default sticky_3">
                <div id="u5080_div" class=""></div>
                <div id="u5080_text" class="text ">
                  <p><span>留言板滚动播放。需要运营审核后的。</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5081" class="ax_default sticky_3">
        <div id="u5081_div" class=""></div>
        <div id="u5081_text" class="text ">
          <p><span>留言板块，点击显示，活动板隐藏。</span></p><p><span><br></span></p><p><span>运营审核后，才能显示。</span></p><p><span><br></span></p><p><span>用户昵称只显示前3个字符，后面用***替代</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5082" class="ax_default box_1">
        <div id="u5082_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5083" class="ax_default box_1">
        <div id="u5083_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5084" class="ax_default heading_1">
        <div id="u5084_div" class=""></div>
        <div id="u5084_text" class="text ">
          <p><span>留言板</span></p>
        </div>
      </div>

      <!-- Unnamed (Text Area) -->
      <div id="u5085" class="ax_default text_area">
        <textarea id="u5085_input"></textarea>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5086" class="ax_default primary_button">
        <div id="u5086_div" class=""></div>
        <div id="u5086_text" class="text ">
          <p><span>提交</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5087" class="ax_default label">
        <div id="u5087_div" class=""></div>
        <div id="u5087_text" class="text ">
          <p><span>成功留言即可获得抽奖机会</span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u5088" class="ax_default image">
        <img id="u5088_img" class="img " src="images/020_____-demo/u780.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5089" class="ax_default box_1">
        <div id="u5089_div" class=""></div>
        <div id="u5089_text" class="text ">
          <p><span>需要完成一次点赞和一次留言，才能进入抽奖哦！</span></p>
        </div>
      </div>

      <!-- 促销活动面板 (Dynamic Panel) -->
      <div id="u5090" class="ax_default" data-label="促销活动面板">
        <div id="u5090_state0" class="panel_state" data-label="State1" style="">
          <div id="u5090_state0_content" class="panel_state_content">

            <!-- Unnamed (Image) -->
            <div id="u5091" class="ax_default image">
              <img id="u5091_img" class="img " src="images/vr看车/u5091.png"/>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u5092" class="ax_default icon">
              <img id="u5092_img" class="img " src="images/vr看车/u5092.png"/>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u5093" class="ax_default icon">
              <img id="u5093_img" class="img " src="images/vr看车/u5092.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Droplist) -->
      <div id="u5094" class="ax_default droplist">
        <select id="u5094_input">
          <option value="电音紫">电音紫</option>
          <option value="白色">白色</option>
        </select>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u5095" class="ax_default image">
        <img id="u5095_img" class="img " src="images/vr看车/u5095.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5096" class="ax_default box_1">
        <div id="u5096_div" class=""></div>
        <div id="u5096_text" class="text ">
          <p><span>旋转标记</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5097" class="ax_default box_1">
        <div id="u5097_div" class=""></div>
        <div id="u5097_text" class="text ">
          <p><span>旋转标记</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5098" class="ax_default sticky_3">
        <div id="u5098_div" class=""></div>
        <div id="u5098_text" class="text ">
          <p><span>九宫格是“进行中”，点击“抽奖”按钮，限制次数依旧。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5099" class="ax_default sticky_3">
        <div id="u5099_div" class=""></div>
        <div id="u5099_text" class="text ">
          <p><span>九宫格是“未开始”，预约和蒙尘都没有，但当用户点击“抽奖”按钮，抽奖行为不触发，出现右边提示语。提示语停留5秒。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u5100" class="ax_default box_1">
        <div id="u5100_div" class=""></div>
        <div id="u5100_text" class="text ">
          <p><span>XXXX抽奖活动将于2020-3-20 11：20：00正式开始，敬请期待。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
